<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>病例分享</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="format-detection" content="email=no"/>
<meta name="format-detection" content="address=no"/>
<link href="__PUBLIC__/css/base.css" rel="stylesheet"/>
</head>
<body>
<!---  头部开始  -->
<div class="top clearfix">
	<div class="icon_left"></div>
	<div class="icon_right"></div>
</div>
<!---  头部结束  -->
<div class="blfx cssss">
	<div class="box1 after">
		<a href="__URL__/fbbl.html" class="btn btn1">我要发布病例</a>
		<div class="search_box">
			<input type="text" placeholder="请输入搜索内容" />
			<a class="search_btn1"></a>
		</div>
	</div>
	<div class="nav_box1">
		<div class="fc_click nav_li1">
			<span>专业</span>
			<i class="jiantou4"></i>
		</div>
		<div class="nav_li2">
			<span>热度</span>
			<i class="jiantou6"></i>
		</div>
	</div>
	<div class="list_01">
	</div>
	<div class="more">获取更多</div>
</div>

<!---  统一样式浮层开始  -->
<div class="fc_box none">
	<div class="fcBox_bg"></div>
	<div class="fcBox_text">
		<dl>
			<dt>选择专业：<span class="close3" onclick="close3(this);"></span></dt>
			<dd>全部专业</dd>
			<volist name="major" id="vo">
				<dd>{$vo.name}</dd>
			</volist>
		</dl>
	</div>
</div>
<!---  统一样式浮层结束  -->
</body>
<script src="__PUBLIC__/js/jquery.js"></script>
<script src="__PUBLIC__/js/comm.js"></script>
<script type="text/javascript">
var pageSize=5;//每页多少条
var pageIndex=0;//初始化第0页
var major=''//专业,全部专业为空
var praise='';//热度,1热度从高到低排,2热度从低到高排，默认为空不排序
var key='';//搜索的内容，默认为空

function getlist(){
	var new_element;
	$.post('__URL__/indexpage',{pageSize:pageSize,pageIndex:pageIndex,major:major,praise:praise,key:key},function(e){
		if(null == e){
			$(".more").text('没有数据');
			return;
		}
		if(e.length < pageSize){
			$(".more").text('已经是最后一页');
		}
		$.each(e,function(k,v){
			new_element='<a class="list1" href="__URL__/bl_info/id/'+v.id+'">'+
				'<img src="'+v.image+'" />'+
				'<div class="text">'+
					'<p>'+
						'<b>专业：</b>'+
						'<span class="zhenduan">'+v.major+'</span>'+
						'<span class="zan"><i></i>'+v.praise+'</span>'+
					'</p>'+
					'<p>'+
						'<b>诊断：</b>'+
						'<span>'+v.diagnostic+'</span>'+
					'</p>'+					
				'</div>'+
				'<p class="zljh">'+
					'<b>治疗计划和治疗：</b>'+
					'<span>早期有效治疗，包括牙周手术、洁治、牙周炎治疗、刮治、固定松动牙齿、调合牙与正畸治疗等；定期做口腔保健检查</span>'+
				'</p>'+
			'</a>';
			$(".list_01").append(new_element);
		});
		pageIndex++;
	});
}

getlist();
$(".more").on("click",function(){
	getlist();
});
//选择专业
$(".blfx .fc_click").click(function(){
	$(".fc_box").removeClass("none");
});
//选择专业
$(".fc_box dd").click(function(){
	if($(this).html()=="全部专业"){
		major="";
	}else{
		major=$(this).html();
	}	
	$(".nav_li1 span").html($(this).html());
	$(".list_01").html("");
	pageIndex=0;
	$(".more").text('获取更多');
	getlist();
	$(".fc_box").addClass("none");
});
//热度
$(".nav_li2").click(function(){
	if($(this).find(".jiantou6").hasClass("low")){
		$(this).find(".jiantou6").removeClass("low");
		praise=2;
	}else{
		$(this).find(".jiantou6").addClass("low");
		praise=1;
	}	
	$(".list_01").html("");
	pageIndex=0;
	$(".more").text('获取更多');
	getlist();
});
//搜索
$(".search_box .search_btn1").click(function(){
	key=$(".search_box input").val();
	$(".list_01").html("");
	pageIndex=0;
	$(".more").text('获取更多');
	getlist();
});
</script>
</html>